/*portrait*/
@media (orientation: portrait) {
	.cabecalho{
		height: 60px;
		border: 1px solid black;
		background-color: rgb(224,224,224);
		position: relative;
		width: 99.5%;
	}

	.logo{
		position: absolute;
		width: 28%;
		left: calc(50% - 28% / 2);
		height: 100%;
	}
}
/*landscape*/
@media (orientation: landscape) {
	.cabecalho{
		height: 60px;
		border: 1px solid black;
		background-color: rgb(224,224,224);
		position: relative;
		width: 100%;
	}

	.logo{
		position: absolute;
		width: 19%;
		left: calc(50% - 28% / 2);
		height: 100%;
	}
}

button{
	outline: none;
	background-color: rgba(0,0,0,0);
	border: none;
}